<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>商品详情</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0,  maximum-scale=1.0" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/shop/css/public.css"/>

		<body id="body" style="background: #e5e5e5;">
		<div class="top1 ">
			<div class="top2 ">
				 <a href="Javascript:history.go(-1) "><span class="top3 ">返回</span></a> 
			</div>
			<div class="top4 ">商品详情</div>
		</div>
		<div class="div_w "></div>
					<!-- 轮播图开始 -->
				<div id="tab">
					<img src="${easyLifedetails[0].img}" name="tabimg" class="tabimg">
					<img src="${easyLifedetails[0].img}" name="tabimg" class="tabimg">
					<img src="${easyLifedetails[0].img}" name="tabimg" class="tabimg">
				</div>
		<div style="width:100%;height:auto;border-top:7px solid #e5e5e5;background: #FFFFFF;"class="clearfix">


			<div style="width:30%;height:70px;float:right;"class="clearfix">
				<br><a>
					<input type="hidden"id="type" value="${easyLifedetails[0].id}"/>
				<a class="id"><img id="imgs" src="${ctxStatic}/shop/images/shoucang.png"  style="width:1.5em;height:1.5em;float:right;margin-right:10%;"/></a></a>
			</div>
			<section class="detail">

				<div class="left">
					<article> ${easyLifedetails[0].name}</article>
					<p></p>

					<b>￥<span id="main_price">${easyLifedetails[0].price}</span></b>
					<del style="display:none">￥${easyLifedetails[0].price}</del>
					<aside>

					</aside>
				</div>



				<!-- 保障区域开始  如果是电子书没有保障区域-->

				<!-- 保障区域结束 -->
			</section>
			<div style="float:left;width:100%;height:50px;border-top:1.5px solid #e5e5e5;"class="clearfix">
				<span style="float: left; margin-left: 5%;">店铺：${easyLifedetails[0].store}</span><br>
				<span style="float: left; margin-left: 5%;color:red;">品牌：${easyLifedetails[0].brand}</span>
			</div>
		</div>
		<div style="width:100%;height:auto;border-top:7px solid #e5e5e5;text-align: center;background: #FFFFFF;">
			<span style=" color: #ff5500;">商品信息</span><br>
			<b>商品：</b>${easyLifedetails[0].name}<br>
			<b>价格：</b>${easyLifedetails[0].price}<br>
			<b>店铺:</b>${easyLifedetails[0].store}<br>
			<b>产品品牌：</b>${easyLifedetails[0].brand}<br>
			<b>产品详情：</b>${easyLifedetails[0].content}<br>
			<b>备注：</b>${easyLifedetails[0].remarks}
		</div>

		<div style="width:100%;height:100px;border-top:2px solid #ff5500;text-align: center;background: #FFFFFF;">



		</div>

		<script src="${ctxStatic}/shop/js/jquery-1.6.2.min.js "></script>
	<script>
		$("#imgs").click(function() {

			$.ajax({
				type: "post",
				url:"saveAdd",
				data:"id="+$("#type").val(),
				success:function (data) {
					if (data =="c") {
						alert("收藏成功");
					}else if (data=="s"){
						alert("请先登录");
					}
				}
			})
		});
	</script>

		<%--<script type="text/javascript">
			$("#SubmitLoginBtn").click(function (){{
					$.ajax({
						dataType: 'json',
						data:{password:$("#password").val(),username:$("#username").val()},
						cache: false,
						success: function (data) {
							if(data.status==2){
								alert(data.message);
							}else if (data.status==1){
								alert(data.message);
							} else{
								alert(data.message);
								window.location.href="personal";
							}
						}
					})
				}
			});
		</script>--%>
		</body>
	</html>